<!DOCTYPE html>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
    <title>用户管理</title>
    <link rel="stylesheet" href="../lib/basic/css/bootstrap.min.css">
    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <link href="../home/css/useradmin.css" type="text/css" rel="stylesheet" />
    <script src="../lib/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>
    <script src="../home/js/bootstrap.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor.all.js"></script>
    <script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>
    <script src="../charge/moment.js"></script>
    <style>.center{  max-width: 1250px;}</style>
</head>
<body>
<div id="notice">
    <div align="center">
        <span style="color: blue;font-weight: bold;font-size:24px">公告信息管理</span>
    </div>
    <div  class="qtitem " style="margin-left: 50px;">
        <input type="button" v-on:click="add();"  class="am-btn am-btn-primary am-radius"  value="新增">
    </div>
    <template>
        <el-table :data="noticeList.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%;margin-top:1px!important;" width="100%" stripe  header-align="center">
            <el-table-column prop="ncLabel" label="公告类型" show-overflow-tooltip  align="center">
            </el-table-column>
            <el-table-column prop="name" label="公告标题" show-overflow-tooltip  align="center">
            </el-table-column>
            <el-table-column prop="startTime"  :formatter="dateFormat"   label="开始时间"  align="center">
            </el-table-column>
            <el-table-column prop="overTime"  :formatter="dateFormat" label="结束时间"  align="center">
            </el-table-column>
            <el-table-column label="公告内容" prop="name" height="24" show-overflow-tooltip align="center" >
                <!--<template scope="scope">
                    <div class="twlistNews" v-html=" scope.row.details"></div>
                </template>-->
            </el-table-column>
            <el-table-column label="操作" width="340" align="center">
                <template scope="scope">
                    <el-button size="small" type="success" icon="el-icon-sold-out" @click="updateNotice(scope.row)">修改</el-button>
                    <!--<a><input type="button" :plain="true" v-on:click="Dowload(scope.row)"  class="am-btn am-btn-secondary am-btn-default am-round am-btn-xs"  value="Excel"></a>-->
                    <el-button size="small" type="primary" icon="el-icon-sold-out" @click="detailNotice(scope.row)">查看详情</el-button>
                    <el-button size="small" type="warning" icon="el-icon-sold-out" @click="deleteNotice(scope.$index,noticeList)">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"   :page-sizes="[10, 20, 30, 40]" :current-page.sync="currentPage" :page-size="pagesize" layout="total, prev, pager, next" :total="noticeList.length" align="right" style="right: 20px;top:600px;position: fixed"></el-pagination>
    </template>
</div>
<script type="text/javascript" src="../charge/notice.js"></script>
</body>
</html>